<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<script>
		var html = document.getElementsByTagName('html')[0];
		html.style.fontSize = html.clientWidth / 3.75 + "px";
	</script>
	<title>我的收藏</title>
	<link rel="stylesheet" href="../static/css/Reset.css" />
	<link rel="stylesheet" href="../static/css/myCollection.css" />
</head>
<body>
<div class="container" id="myCollection">
	<header>
		<ul class="tab_1">
			<li v-bind:class="{'bg':isgyxx}"><span>供应信息</span></li>
			<li v-bind:class="{'bg':!isgyxx}"><span>产地</span></li>
		</ul>
		<li id="center_bg"></li>
	</header>
	<div class="main" v-cloak>
		<ul id="mainul" class="cont_1">
			<li class="tab" v-bind:class="{'xian':isgyxx}" select-data="gyxx">
				<div id="tc_lists" class="tc_list">
					<div class="item" v-for="gyxx in gyxxList" :item-data="gyxx.id">
						<dl class="list_contents">
							<a :href="'../../bigSupply/bs_detail.html?id='+gyxx.id" target="_self">
								<div class="left_pic">
									<img :src="gyxx.coverPic" alt=""/>
									<span>{{gyxx.status}}</span>
								</div>
								<div class="right_text">
									<p class="goodsInfo">
										<span class="type">{{gyxx.className}}<em class="jiantou"></em></span>
										{{gyxx.name}}
									</p>
									<div class="supplyGoods firstTop">
						            	<span class="area">
											<img src="../static/images/farm.png" alt=""/>
											<i>{{gyxx.farmName}}</i>
										</span>
										<span class="location">
											<i>{{gyxx.distance}}</i>
											<img src="../static/images/location.png" alt=""/>
										</span>
									</div>
									<div class="supplyGoods">
										<span class="total">总量：{{gyxx.totalSupply+gyxx.unit}}</span>
									</div>
									<div class="supplyGoods">
										<span class="qipi">起批：{{gyxx.rangeBegin+gyxx.unit}}</span>

										<span v-if="gyxx.price&&gyxx.price!='0.00'&&gyxx.price!='0.0'&&gyxx.price!='0'" class="price"><i>¥{{gyxx.price}}</i>元/{{gyxx.unit}}</span>
										<span v-else class="price"><i>可议</i></span>
									</div>
								</div>
							</a>
						</dl>
						<a class="remove">取消收藏</a>
					</div>
				</div>
				<!--暂无收藏-->
				<div class="zwsc" v-if="gyxxList==null || gyxxList.length<1">
					<img alt="" src="../static/images/noAttention.png">
					<p>当前还没有收藏的商品</p>
				</div>
			</li>
			<li class="tab" v-bind:class="{'xian':!isgyxx}" select-data="cd">
				<div class="list">
					<div class="item" v-for="cd in cdList" :item-data="cd.id">
					   
						<dl>
						    <a :href="'../../yellowPage/yellowPage_detail.html?id='+cd.id" target="_self">
							<div>
								<div class="imgBox"><img class="img" :src="cd.coverPic" /></div>
								<dt>
									<em>{{cd.name}}</em>
									<span><img src="../static/images/fq_zuobiao.png"/>{{cd.area}}  {{cd.distance}}</span>
								</dt>
								<dd class="dd1">{{cd.recReason}}</dd>
								<dd class="dd2">
									<span v-for="tag in cd.tags">{{tag}}</span>
								</dd>
							</div>
							</a>
						</dl>
						
						<a class="remove">取消收藏</a>
					</div>
				</div>
				<!--暂无收藏-->
				<div class="zwsc" v-if="cdList==null || cdList.length<1">
					<img alt="" src="../static/images/noAttention.png">
					<p>当前还没有收藏的商品</p>
				</div>
			</li>
		</ul>
	</div>
</div>
<div class="modal" id="delete">
    <div class="modal-content">
        <div class="modal-body"><p>确定要取消收藏吗？</P></div>
        <div class="modal-footer" id="delete_model_footer">
            <a class="btn-success" href="#">确定</a>
            <a class="btn-default" href="#">取消</a>
        </div>
    </div>
</div>
</body>
<!--<script src="https://api.map.baidu.com/api?v=2.0&ak=HuWMDRmExUdhWoXsVSnBgqdvtWzhgfDY&s=1"></script>-->
<script type="text/javascript" src="../libs/jquery.min.js"></script>
<script type="text/javascript" src="../libs/jquery.validate.min.js"></script>
<script type="text/javascript" src="../libs/jquery.mobile-1.3.2.js"></script>
<script type="text/javascript" src="../libs/fastclick.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
<script type="text/javascript" src="../libs/require.js"></script>
<script type="text/javascript" src="../libs/var.js"></script>
<script type="text/javascript" src="../libs/common.js"></script>
<script src="./js/myCollection.js"></script>
</html>